<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link href="dist/skitter.css" type="text/css" media="all" rel="stylesheet" />

		<script src="/js/jquery-2.1.1.min.js"></script>
		<script src="/js/jquery.easing.1.3.js"></script>
		<script src="/dist/jquery.skitter.min.js"></script>
	</head>

	<body>
		<div class="skitter skitter-large with-dots">
			<ul>
				<li>
					<a href="#cut">
						<img src="https://visualhunt.com/photos/l/1/dawn-sun-mountain-landscape.jpg" class="cut" />
					</a>
					<div class="label_text">
						<p>
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							<a href="#see-more" class="btn btn-xs btn-warning">See more</a>
						</p>
					</div>
				</li>
				<li>
					<a href="#swapBlocks">
						<img src="https://visualhunt.com/photos/l/1/aurora-borealis-over-mountains-at-night.jpg" class="swapBlocks" />
					</a>
					<div class="label_text">
						<p>
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							<a href="#see-more" class="btn btn-xs btn-warning">See more</a>
						</p>
					</div>
				</li>
				<li>
					<a href="#swapBarsBack">
						<img src="https://visualhunt.com/photos/l/1/tourists-on-top-of-rock.jpg" class="swapBarsBack" />
					</a>
					<div class="label_text">
						<p>
							Lorem ipsum dolor sit amet, consectetur adipisicing elit.
							<a href="#see-more" class="btn btn-xs btn-warning">See more</a>
						</p>
					</div>
				</li>
			</ul>
		</div>
	</body>

</html>
<script type="text/javascript">
	$(function() {
		$('.skitter-large').skitter();
	});
</script>